$orange : #E77422;
/* brand page */
body {
	font-size: 0.875em;
}
.node-type-brand #page-title {
	display: none;
}
.node-type-brand .node-brand {
	#brand-top-wrapper {
		text-align: center;
		margin-bottom: 30px;
		p {
			width: 85%;
			margin: 0 auto;
			padding: 0 15px;
		}
	}
	header {
		display: block;
		margin: 0 auto;
		width: 50%;
		#page-title {
			text-transform: uppercase;
			display: block;
			font-weight: normal;
			line-height: 2.5em;
			font-size: 1.6875em; }
	}
}
#block-views-brand-collection-block {
	padding: 20px;
	margin: 0;
	.block-title { font-size: 1.875em; font-weight: normal; margin-bottom: 10px; }
	.views-row {
		border-bottom: 5px solid #e3e3e3;
		margin-bottom: 20px;
		padding-bottom: 20px;
		&:after{
			content: "";
  		display: table;
  		clear: both; }
  	h2 {
  		margin: 0px 0 15px;
			font-weight: normal;
			text-transform: uppercase;
  	}
  	p {
  		float: left;
			width: 47%;
			margin-right: 35px;
			margin-top: -5px;
			font-size: 14px; }
	}
	.field-images, .collection-pdf {
		float: left;
		margin: 0px 1px 1px 0px;
	}
	.collection-pdf {
		margin-right: 0;
		height: 90px;
		background: #e3e3e3;
		padding: 10px;
		width: 90px;
		a {
			font-size: .875em;
			text-decoration: none;
			color: #333333;
			text-transform: uppercase;
			line-height: 1.25em;
			padding-top: 56px;
			display: block; }
		}
	img { display: block; }
}
// hide page title and show it inside the article
.node-type-page #page-title, .node-type-webform #page-title { display: none; }
.node-type-page article header, .node-type-webform article header {
	h1, strong {
		font-size: 27px;
		line-height: 27px;
		font-weight: normal;
		margin: 0;
		float: left; }
	strong {
		font-size: 27px;
		text-transform: uppercase; margin-right: 5px; }
	h1 { color: $orange; }
}
//webforms styles
.node-type-webform {
	.field-body {
		padding-bottom: 10px;
	}
	.form-item, .form-actions {
		&:after{
			content: "";
  		display: table;
  		clear: both; }
	}
	.webform-client-form { width: 450px; }

	label {
		float: left;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1.25em;
		padding-top: 5px; }
	.form-required { font-size: 2em; color: $orange; }
	input[type="text"], input[type="email"]{ 
		float: right;
		width: 310px;
		border: 1px solid #e3e3e3;
		padding: 10px; }

	input[type="submit"] {
		background: #e77422;
		border: 0;
		color: #FFF;
		padding: 10px 20px;
		float: right; }

	textarea { border: 1px solid #e3e3e3; }

	select {
		float: left;
		margin-left: 21px;
		padding: 10px;
		border: 1px solid #e3e3e3;
		width: 333px; }

	.webform-component-textarea label {
		float: none;
		padding: 0;
		margin-bottom: 10px; }

	.grippie { display: none; }
}
// brands index page
.page-brands {
	h2 {
		font-size: 2em;
		text-transform: uppercase;
		margin: 0;
		a {
			text-decoration: none;
			color: $orange; }
	}
	.views-row {
		text-align: center;
		margin: 10px 0;
		padding: 20px 0;
		border-bottom: 5px solid #e2e2e2;
		img {
			margin: 0 auto;
			display: block; }
	}
	.field-body {
		width: 85%;
		margin: 0 auto;
		p { margin-bottom: 0; }
	}
	.views-more-link {
		color: $orange;
		text-transform: uppercase;
		&:hover { color: #000; }
	}
}